<template>
  <div class="third">
  	<div :style=scale.title class="title">
  		<div class="a">
  			录取数据，可视化
  		</div>
  		<div class="b">
  			往年数据图表展示，让考生一目了然
  		</div>
  	</div>
  	<div :style="scale.base" class="container">
  			<img src="./images/svga.png" alt="" />
		</div>
  </div>
</template>

<script>
	export default {
	  name: 'third',
	  data(){
	  	return {
	  		wh:window.innerHeight,
	  		ww:window.innerWidth
	  	}
	  },
	  computed:{
			scale:require('@/modules/base').scale
	  },
	  mounted(){
	  	
	  }
	}
</script>

<style lang="less" scoped>
	.third{
		background:#eef9ff;
		height:100%;
		.title{
			.a{
				font-size:27px;
			}
			.b{
				margin-top:10px;
				font-size:18px;
			}
		}
		.container{
			img{
				position:absolute;
				left:0;
				right:0;
				top:0;
				bottom:0;
				margin:auto;
				height:81%;
			}
		}
	}
</style>